<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv ="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title>Document</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/waves.min.css">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/idangerous.swiper.css">
    <!--页面公共样式-->
    <link rel="stylesheet" href="css/common.css">
    <!--页面样式-->
    <link rel="stylesheet" href="css/page.css">
    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->

    <!--jquery必须放head，后续js需要使用-->
    <script src="js/jquery-1.12.4.min.js"></script>
    <script src="js/idangerous.swiper.js"></script>
    <script src="js/idangerous.swiper.scrollbar-2.1.js"></script>
    <!--页面js必须放head里，防止页面抖动-->
    <script src="js/waves.min.js"></script>
    <script src="js/lc_switch.js"></script>
    <script src="js/rangeslider.min.js"></script>
    <script src="js/jquery.pagination.min.js"></script>
    <script src="js/txtscroll.js"></script>

    <script src="js/common.js"></script>
    <script src="js/top.js"></script>
    <script src="js/index.js"></script>
</head>
<body>
<header>
    <!--登录后的头-->
    <div class="login-header">
        <div class="space-info ">
            <div class="addtress"><span>四川大学</span> <span>J17A101教室</span></div>
            <div class="username">张复兴</div>
        </div>
        <div class="status">
            <div class="live-status"></div>
            <div class="net-status"></div>
        </div>
        <div class="time-note">
            <div class="top-time">
                15:13
            </div>
            <!--<div class="top-note" id="s1">-->
            <!--<ul>-->

            <!--</ul>-->
            <!--</div>-->
            <div class="txt-scroll txt-scroll-curs top-note"  id="s1">
                <div class="scrollbox">
                    <div class="txt">

                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--未登录的头-->
    <div class="unlogin-header">
        <div class="space-info">
            <div class="username">暂未登录</div>
        </div>
        <div class="status">
            <div class="live-status">暂无直播</div>
            <div class="net-status">物联网关闭</div>
        </div>
        <div class="time-note">
            <div class="top-time">

            </div>
        </div>
    </div>
</header>

<!--<div class="wrap-main">-->

        <main>
        <section class="media-edu">
            <h3 class="title">
                <div class="top-bar"></div>
                <span>多媒体教学</span>
                <a href="mediaTeach.html" class="more">更多</a>
                <div class="bottom-bar"></div>
            </h3>
            <div class="media-edu-content">
                <ul>
                    <li class="waves-effect"><img src="images/icon/icon_show.png"><a href="javascript:void(0)">展台</a></li>
                    <li class="waves-effect"><img src="images/icon/icon_interactive.png"><a href="javascript:void(0)">交互</a></li>
                    <li class="waves-effect"><img src="images/icon/icon_recording.png"><a href="javascript:void(0)">课堂实录</a></li>
                    <li class="waves-effect"><img src="images/icon/icon_Interconnectionwithscreen.png"><a href="javascript:void(0)">同屏互联</a></li>
                    <li class="waves-effect"><img src="images/icon/icon_blackboard.png"><a href="javascript:void(0)">板书</a></li>
                    <li class="waves-effect"><img src="images/icon/icon_windows.png"><a href="javascript:void(0)">桌面</a></li>
                </ul>
                <div class="msg-pannel">
                    <section class="msg-pannel-top">
                        <div class="note left">
                            <!--<img src="images/icon/icon_hasmsg.png" >-->
                            <!--<a href="javascript:void(0)"></a>-->
                        </div>
                        <div class="time right">15:13</div>
                    </section>
                    <section class="msg-pannel-bottom">
                        <div class="date left">2018/03/05</div>
                        <div class="day right">星期二</div>
                    </section>
                </div>
            </div>
        </section>
        <section class="mid-pannel-wrap">
            <section class="mid-pannel">
                <h3 class="title">
                    <div class="short-top-bar"></div>
                    <span>在线听课</span>
                    <a href="schollClass.html" class="more">更多</a>
                    <div class="short-bottom-bar"></div>
                </h3>
                <div class="mid-pannel-content">
                    <ul>
                        <li class="school-class waves-effect" ><a href="schollClass.html"><img src="images/icon/icon_schoolclassroom.png" alt=""><p>校内课堂(29)</p></a></li>
                        <li class="online-class waves-effect"><a href="onlineClass.html"><img src="images/icon/icon_onlineclassroom.png" alt=""><p>在线课堂</p></a></li>
                    </ul>
                </div>
            </section>
            <section class="mid-pannel">
                <h3 class="title">
                    <div class="short-top-bar"></div>
                    <span>在线授课</span>
                    <a href="mylives.html" class="more">更多</a>
                    <div class="short-bottom-bar"></div>
                </h3>
                <div class="mid-pannel-content">
                    <ul>
                        <li class="immde-class waves-effect"><a href="mylives.html"><img src="images/icon/icon_classbegins.png" alt=""><p>立即开课</p></a></li>
                        <li class="lastest-class waves-effect"><a href="myRecord.html"><img src="images/icon/icon_Pastclassroom.png" alt=""><p>过往课堂</p></a></li>
                    </ul>
                </div>
            </section>
        </section>
        <section class="right-pannel-wrap">
            <section class="right-pannel">
                <h3 class="title">
                    <div class="short-top-bar"></div>
                    <span>教室控制</span>
                    <a href="classControll.html" class="more">更多</a>
                    <div class="short-bottom-bar"></div>
                </h3>
                <div class="right-pannel-content right-pannel-width">
                    <ul>
                        <li class="school-living">
                            <p>校内直播中</p>
                            <p class="on-off">
                                <img class="left-icon" src="images/icon/icon_Livebroadcastoncampus.png" alt="">
                                <!--<img class="onoff-btn" src="images/btn/btn_switch_open.png" alt="">-->
                            <div class="lcs_wrap">
                                <input type="checkbox" value="4" class="lcs_check" id="casting" autocomplete="off">
                                <div class="lcs_switch lcs_checkbox_switch lcs_off">
                                    <div class="lcs_cursor deep-blue"></div>
                                </div>
                            </div>
                            </p>
                        </li>
                        <li class="net">
                            <p>物联网</p>
                            <p class="on-off">
                                <img class="left-icon" src="images/icon/icon_Internetofthings.png" alt="">
                            <div class="lcs_wrap">
                                <input type="checkbox" name="check-1" value="4" class="lcs_check" id="net" autocomplete="off">
                                <div class="lcs_switch  lcs_checkbox_switch lcs_off">
                                    <div class="lcs_cursor bac-light-green"></div>
                                </div>

                            </div>

                            </p>
                        </li>
                        <li class="door-switch">
                            <p>控制模式</p>
                            <p class="on-off">
                                <a href="javascript:void(0)" class="class-actived">上课</a>
                                <a href="javascript:void(0)">下课</a>
                            </p>

                        </li>
                        <li class="controll">
                            <p>空调</p>
                            <p class="on-off">
                                <a href="javascript:void(0)" class="reduce-btn"><img src="images/btn/btn_reduce.png" alt=""></a>
                                <span> 28</span>℃
                                <a href="javascript:void(0)" class="add-btn"><img src="images/btn/btn_add.png" alt=""></a>
                            </p>
                        </li>
                        <li class="voice">
                            <p>照明</p>
                            <p class="on-off">
                                <img src="images/icon/icon_lighting.png" class="voice-icon">
                            </p>
                            <div class="voice-controll">
                                <input type="range" min="0" max="100" data-rangeslider="" id="light">
                            </div>
                        </li>
                    </ul>
                </div>
            </section>
        </section>
        <section class="right-pannel-wrap">
            <section class="right-pannel">
                <h3 class="title">
                    <div class="short-top-bar"></div>
                    <span>常用网络</span>
                    <div class="short-bottom-bar"></div>
                </h3>
                <div class="right-pannel-web">
                    <ul>
                        <li class="school-web waves-effect waves-light"><a href="javascript:void(0)"><img src="images/icon/icon_xiaoyuanguanwang.png" alt="">校园官网</a></li>
                        <li class="memory-king waves-effect waves-light"><a href="javascript:void(0)"><img src="images/icon/icon_MemoryofbrainKing.png" alt="">脑王记忆</a></li>
                        <li class="source-plat waves-effect waves-light"><a href="javascript:void(0)"><img src="images/icon/icon_Resourceplatform.png" alt="">资源平台</a></li>
                        <li class="sanhao waves-effect waves-light"><a href="javascript:void(0)"><img src="images/icon/icon_sanhaojiaoyu.png" alt="">三好教育</a></li>
                        <li class="district-plat waves-effect waves-light"><a href="javascript:void(0)"><img src="images/icon/icon_Districtlevelplatform.png" alt="">区级平台</a></li>
                    </ul>
                </div>
            </section>
        </section>
    </main>
    <!--</div>-->
    <p class="version">
        <a href="versionControll.html">v1.0.0</a>
    </p>

    <div class="btn-group">
        <ul>
            <li class="home">
                <a href="newindex.html"><div><img src="images/btn/btn_backindex.png" alt=""></div>首页</a>
            </li>
            <li class="scan-code">
                <a href="javascript:void(0)">  <div><img src="images/btn/btn_Sweepcode.png" alt=""></div>扫码控制</a>
                <p class="show-code"><img src="images/icon/code.png" alt=""></p>
            </li>
            <li class="switch">
                <a href="javascript:void(0)">  <div><img src="images/btn/btn_switch.png" alt=""></div>电源</a>
            </li>

        </ul>
    </div>
<!--<script src="js/top.js"></script>-->


</body>
</html>
